<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="/taglibs.jsp" %>
<debug:filename/>


<div class="row-fluid">
    <div class="span12">

      <div id="pause-hover" style="display: none;"><i class="icon-pause icon-white"></i></div>

      <div id="banner-hero" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-1.jpg" alt="" width="100%">
            <%--<div class="carousel-caption">
              <h4>Carousel One (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>--%>
          </div>
          <div class="item">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-2.jpg" alt="" width="100%">
            <%--<div class="carousel-caption">
              <h4>Carousel Two (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>--%>
          </div>
          <div class="item">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-3.jpg" alt="" width="100%">
            <%--<div class="carousel-caption">
              <h4>Carousel Three (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>--%>
          </div>
          <div class="item">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-4.jpg" alt="" width="100%">
            <%--<div class="carousel-caption">
              <h4>Carousel Four (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>--%>
          </div>
          <div class="item">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-5.jpg" alt="" width="100%">
            <%--<div class="carousel-caption">
            <div class="carousel-caption">
              <h4>Carousel Four (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>--%>
          </div>
          <%--<div class="item">
            <img src="images/banners/campaign-2012-08-beta/banner-hero-6.jpg" alt="" width="100%">
            <div class="carousel-caption">
              <h4>Carousel Four (940x400)</h4>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            </div>
          </div>--%>

        </div>
        <a class="left carousel-control" href="#banner-hero" data-slide="prev">&lsaquo;</a>
        <a class="right carousel-control" href="#banner-hero" data-slide="next">&rsaquo;</a>
      </div><!--END carousel-->

    </div><!--END span12-->
</div><!--END row-->



<!--4 columns-->
<div class="gallery col4">
    <a href="#">
        <img alt="special-promotions" src="images/banners/campaign-2012-08-beta/banner-promo-4a.jpg" width="100%">
    </a>
</div>
<div class="gallery col4">
    <a href="#">
        <img alt="jasu-suggest" src="images/banners/campaign-2012-08-beta/banner-promo-4b.jpg" width="100%">
    </a>
</div>
<div class="gallery col4">
    <a href="#">
        <img alt="exclusive-deals" src="images/banners/campaign-2012-08-beta/banner-promo-4c.jpg" width="100%">
    </a>
</div>
<div class="gallery col4">
    <a href="#">
        <img alt="new-stores" src="images/banners/campaign-2012-08-beta/banner-promo-4d.jpg" width="100%">
    </a>
</div>

<div class="clearfix"></div>

<!--1 column-->
<div class="gallery col1"><a href="#"><img alt="style-maker" src="images/banners/campaign-2012-08-beta/banner-promo-1.jpg" width="100%"></a></div>

<div class="clearfix"></div>

<!--3 columns-->
<div class="gallery col3"><a href="#"><img alt="new-season-magazine" src="images/banners/campaign-2012-08-beta/banner-promo-3a.jpg" width="100%"></a></div>
<div class="gallery col3 mid"><a href="#"><img alt="heels" src="images/banners/campaign-2012-08-beta/banner-promo-3b.jpg" width="100%"></a></div>
<div class="gallery col3"><a href="#"><img alt="knitwear" src="images/banners/campaign-2012-08-beta/banner-promo-3c.jpg" width="100%"></a></div>

<div class="clearfix"></div>

<!--2 columns-->
<div class="gallery col2"><a href="#"><img alt="col2a" src="http://placehold.it/470x200/B3B3B3&text=col2a" width="100%"></a></div>
<div class="gallery col2"><a href="#"><img alt="col2b" src="http://placehold.it/470x200&text=col2b" width="100%"></a></div>


